<template>
  <div>
    <div
      class="banner-box flex-center bg-[url('~/assets/images/solution/stir_banner.png')] bg-cover bg-no-repeat"
    >
      <div class="banner-con">
        <h1 class="banner-main-title">混凝土搅拌站监管系统</h1>
        <p class="xl:w-[35vw] mt-10 banner-text">
          联筑达·智慧工地混凝土搅拌站监控系统，可实现对预拌混凝土原材料进场、生产任务单、生产过程、出厂、接收、自检、施工现场取样、第三方试验检测质量监管全过程闭环，并可逆向进行质量溯源，提升生产效率，确保生产质量。
        </p>
      </div>
    </div>

    <div class="pt-[70px] pb-20">
      <div class="w-[96%] xl:w-[1200px] mx-auto">
        <h2 class="module-title">系统功能</h2>
        <div class="flex flex-wrap mt-10 justify-around">
          <div
            v-for="(item, ind) in traitList"
            :key="ind"
            class="w-[285px] h-[360px] mb-6 px-7 relative flex-center flex-col rounded-sm border border-[#EDF4FB] border-t-2 border-t-[#0099FF]"
          >
            <img
              alt="混凝土搅拌站监管系统"
              class="inline-block"
              :src="
                require(`../../assets/images/solution/tower_0${ind + 1}.png`)
              "
            />
            <div class="text-[#222] mt-[15px]">{{ item.name }}</div>
            <p class="mt-[18px] text-[#828282] text-sm leading-6">
              {{ item.content }}
            </p>
          </div>
        </div>
      </div>
    </div>

    <div class="bg-[#FBFBFB] py-[84px]">
      <div class="w-[96%] xl:w-[1200px] mx-auto">
        <h2 class="module-title">系统价值</h2>
        <img
          class="w-full mt-10"
          src="../../assets/images/solution/stir_value.png"
        />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      traitList: [
        {
          name: '行业管理',
          content:
            '用于管理预拌混凝土企业基本信息、人员信息、专项试验室信息、生产线与设备信息、运输车辆信息等。',
        },
        {
          name: '生产管理',
          content:
            '用于管理企业的原材料进场、生产任务单、基准配合比、生产配合比、超差预警、出厂发货单、现场签收单。',
        },
        {
          name: '质量管理',
          content:
            '实现对原材料质量检测管理、半成品质量检测管理、出厂合格证管理、检验批质量评定、见证取样管理、第三方检测管理、质量溯源管理。',
        },
        {
          name: '信息管理',
          content:
            '实现行业的在线培训考试结果与平台资质互联，实现行业信息的网上公示、查询。',
        },
      ],
    }
  },
  head: {
    title: '混凝土搅拌站监管系统-联合智为',
    meta: [
      {
        hid: 'index-keywords',
        name: 'keywords',
        content: '混凝土搅拌站监管系统',
      },
      {
        hid: 'index-desc',
        name: 'description',
        content:
          '联筑达·智慧工地混凝土搅拌站监控系统，可实现对预拌混凝土原材料进场、生产任务单、生产过程、出厂、接收、自检、施工现场取样、第三方试验检测质量监管全过程闭环，并可逆向进行质量溯源，提升生产效率，确保生产质量。 系统可对建筑机械进行远程管理和控制，实现驾驶员身份认证（人脸、指纹双识别）、门锁状态监测、载重监测及预警、轿厢倾斜度监测及预警、高度限位监测及预警、防冲顶监测及预警、制动及远程监控等功能。',
      },
    ],
  },
}
</script>

<style scoped>
.effect-item {
  width: 32%;
  @apply mb-6;
}
</style>
